<template>
	<view class="tab-bar">
<!-- 		<van-tabbar v-model="tab_bar_active" active-color="#EF806D">
		  <van-tabbar-item icon="home-o" @click="set_tab_bar(0)">首页</van-tabbar-item>
		  <van-tabbar-item icon="shop-o" @click="set_tab_bar(1)">全部商品</van-tabbar-item>
		  <van-tabbar-item icon="chat-o" @click="set_tab_bar(2)">消息</van-tabbar-item>
		  <van-tabbar-item icon="shopping-cart-o" @click="set_tab_bar(3)">购物车</van-tabbar-item>
		  <van-tabbar-item icon="contact-o" @click="set_tab_bar(4)">我的</van-tabbar-item>
		</van-tabbar> -->
		
		<van-tabbar route active-color="#EF806D">
		  <van-tabbar-item replace to="/pages/home/index" icon="home-o">首页</van-tabbar-item>
		  <van-tabbar-item replace to="/pages/goods/index" icon="shop-o">全部商品</van-tabbar-item>
		  <van-tabbar-item replace to="/pages/message/index" icon="chat-o">消息</van-tabbar-item>
		  <van-tabbar-item replace to="/pages/cart/index" icon="shopping-cart-o">购物车</van-tabbar-item>
		  <van-tabbar-item replace to="/pages/personal/index" icon="contact-o">我的</van-tabbar-item>
		</van-tabbar>
	</view>
</template>

<script setup>
	import { ref } from "vue"
	import { useRouter } from "vue-router"
	
	const router = useRouter();
	const tab_bar_active = ref(0);
	

	
</script>

<style>
	.tab-bar{
		position: fixed;
		left: 0;
		bottom: 0;
		border: 1px solid red;
	}

</style>